<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>WeAreTwitter</title>
	<link rel="stylesheet" href="css/foundation.css" />
	<link rel="stylesheet" href="css/commons.css" />
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
	<script src="js/vendor/jquery.js"></script>
	<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
	<script src="js/vendor/custom.modernizr.js"></script>
	<script src="js/createTemplate.js"></script>
	<script src="js/readTweets.js"></script>
	<script>
		$(function() {
			$.getJSON('http://localhost:55693/Default.aspx', {user:'Damian'},function(json) {
				createTemplate(json.img, json.user);
				readTwitts(json);
			});
			setInterval(update,30000);
			$(window).scroll(event, function () {
				if($(window).scrollTop() + $(window).height() == $(document).height()) {
					$.getJSON('http://www.aromasynaturaleza.com/viejos.php', function(json) {
						readOldTwitts(json);
					});
				}
			});
		});
		var update = function(){
			$.getJSON('http://www.aromasynaturaleza.com/actualizar.php', function(json) {
				readTwitts(json);
			});
		}
	</script>
</head>
<body>
    <div id="body">
    <!-- Main Feed -->
    <!-- This has been source ordered to come first in the markup (and on small devices) but to be to the right of the nav on larger screens -->
    <div id="tweets">
    </div>

    <!-- Right Sidebar -->
    <!-- On small devices this column is hidden -->
	<!-- ESTO ES PARA PONER UNA BARRA DE COStado
    <aside class="large-3 columns hide-for-small">
      <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
      <p><img src="http://placehold.it/300x440&text=[ad]" /></p>
    </aside>
-->
  </div>
</body>
</html>
